<textarea name="remark" data-init="rtext"></textarea>
<!--<button class="layui-btn" id="filemanager">图片管理器</button>-->
<!-- 表单富文本元素初始化 -->
<script type="text/javascript">
    layui.use(['jquery'], function(){
        var $ = layui.jquery;
        KindEditor.ready(function(K){
            $('textarea[data-init="rtext"]').each(function(i,node){
                var editor = K.create(node,{
                    // 指定上传文件的服务器端程序。(php/upload_json.php)
                    uploadJson : "{:get_url('/admin/file_kindeditor/upload')}",
                    // 指定浏览远程图片的服务器端程序。(php/file_manager_json.php)
                    fileManagerJson : "{:get_url('/admin/file_kindeditor/fileManagerJson')}",
                    // allowFileManager : true,
                    // 表情根地址地址
                    // emoticonsPath : 'https://resources.pigeonfan.com/Public/emoticons/images/',
                    // 改变编辑框高度
                    resizeType : 1,
                    // 初始化宽度为流动
                    width : "100%",
                    // 初始化高度为300px
                    height : "300px",
                    // false时不会自动格式化上传后的URL
                    formatUploadUrl : false,
                    // 指定上传文件form名称
                    filePostName : 'imgFile',
                    // true时显示浏览远程服务器按钮
                    allowFileManager : false,
                    // allowPreviewEmoticons : false,
                    // allowImageUpload : false,
                    // items : [
                    //     'source', '|', 'preview', 'plainpaste', '|', 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',  'lineheight',
                    //     'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                    //     'insertunorderedlist','indent', 'outdent', '|', 'emoticons', 'image', 'multiimage', 'link' , '|' , 'clearhtml', '|', 'fullscreen'
                    // ],
                    afterChange : function(){
                        // 同步KindEditor的值到textarea文本框
                        this.sync();
                        // 文字个数(字数统计包含HTML代码)
                        // console.log(this.count());
                        // 文字个数(字数统计包含纯文本、IMG、EMBED，不包含换行符，IMG和EMBED算一个文字)
                        // console.log(this.count('text'));
                    },
                    afterBlur : function(){
                        // 同步KindEditor的值到textarea文本框
                        this.sync();
                    }
                });
                if( $(this).attr('readonly') == 'readonly' ){
                    // 只读模式
                    editor.readonly();
                    // 取消只读模式
                    // editor.readonly(false);
                }

                // FileManager
                K('#filemanager').click(function() {
                    editor.loadPlugin('filemanager', function() {
                        editor.plugin.filemanagerDialog({
                            viewType : 'VIEW',
                            dirName : 'image',
                            clickFn : function(url, title) {
                                console.log(url,title);
                                editor.insertHtml('<img src="'+url+'" alt="" />');
                                editor.hideDialog();
                            }
                        });
                    });
                });

                /**
                 * 基础操作
                 */
                // editor = K.create('textarea[name="content"]', {
                //     allowFileManager : true
                // });
                // K('input[name=getHtml]').click(function(e) {
                //     alert(editor.html());
                // });
                // K('input[name=isEmpty]').click(function(e) {
                //     alert(editor.isEmpty());
                // });
                // K('input[name=getText]').click(function(e) {
                //     alert(editor.text());
                // });
                // K('input[name=selectedHtml]').click(function(e) {
                //     alert(editor.selectedHtml());
                // });
                // K('input[name=setHtml]').click(function(e) {
                //     editor.html('<h3>Hello KindEditor</h3>');
                // });
                // K('input[name=setText]').click(function(e) {
                //     editor.text('<h3>Hello KindEditor</h3>');
                // });
                // K('input[name=insertHtml]').click(function(e) {
                //     editor.insertHtml('<strong>插入HTML</strong>');
                // });
                // K('input[name=appendHtml]').click(function(e) {
                //     editor.appendHtml('<strong>添加HTML</strong>');
                // });
                // K('input[name=clear]').click(function(e) {
                //     editor.html('');
                // });

                // 编辑入参
                if(commParam['info'] !== null){
                    editor.html(commParam['info']['content_web']);
                }

                window.add_step3_ue = editor;
            });
        });
    });
</script>